.max{width: 100%;height: 100%;}

.m-t-5{margin-top: 5px}
.m-t-10{margin-top: 10px}
.m-t-20{margin-top: 20px}
.m-t-30{margin-top: 30px}
.m-t-40{margin-top: 40px}
.m-t-50{margin-top: 50px}
.m-t-150{margin-top: 150px}

.m-0{margin: 0}
.m-r-5{margin-right: 5px}
.m-r-10{margin-right: 10px}
.m-r-15{margin-right: 15px}

.m-b-5{margin-bottom: 5px}
.m-b-10{margin-bottom: 10px}
.m-b-15{margin-bottom: 15px}
.m-b-20{margin-bottom: 20px}
.m-b-30{margin-bottom: 30px}

.m-l-10{margin-left: 10px}

.p-0{padding: 0}
.p-10{padding: 10px}
.p-15{padding: 15px}
.p-lr-10{padding: 0 10px}
.p-tb-10{padding: 10px 0}

.p-l-10{padding-left: 10px}
.p-l-20{padding-left: 20px}

.p-r-10{padding-right: 10px}
.p-r-20{padding-right: 20px}

.p-b-0{padding-bottom: 0}
.p-b-5{padding-bottom: 5px}
.p-b-10{padding-bottom: 10px}

.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f30{font-size: 30px}
.f40{font-size: 40px}

.c-red{color: #ff0000}
.c-blue{color: #409EFF}
.c-a{color: #aaaaaa}
.c-c{color: #cccccc}
.c-0{color: #000000}
.c-del{color: #F56C6C}

.hand-cursor{cursor: pointer}

.background-color-white{background-color: white}

.shadow {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08)}
.shadow-r {box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.08)}

.center-text {display: flex;justify-content: center;align-items: center;}
.center-flex {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.center-vertical{
    display: flex;
    align-items: center; /* 垂直居中 */
}

.center{
    /* Center slide text vertically */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.flex{display: flex}
.flex-row{display: flex;flex-direction: row;}
.flex-column{display: flex;flex-direction: column;}
.flex-max{flex: 1}

.pr{position: relative}
.pa-fill{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}
.img-fill{object-fit: fill;}

.container-page{height: 50px;}

/*强制换行*/
.force-wrap{
    white-space: normal; /* 保留空白符序列，但是正常换行。*/
    word-break: break-all; /* 允许在单词内部任意位置换行 */
}

/* NProgress-s */
#nprogress {
    .bar,
    .spinner {
        z-index: 999999;
    }
}
/* NProgress-e */

/* 页面切换动画-s */
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
    will-change: transform;
    transition: all 0.3s ease;
}
// slide-right
.slide-right-enter-from {
    opacity: 0;
    transform: translateX(-20px);
}
.slide-right-leave-to {
    opacity: 0;
    transform: translateX(20px);
}
// slide-left
.slide-left-enter-from {
    @extend .slide-right-leave-to;
}
.slide-left-leave-to {
    @extend .slide-right-enter-from;
}
/* 页面切换动画-e */

